<template>
  <div class="about">
    <h1>This is an about page</h1>

    <child :aa="msg" bb="msg"></child>

    <!-- 3.作为标签使用子组件 -->
  </div>
</template>
<script>
// 1.引入子组件
// import child from "../components/Child.vue";
import child from "@/components/Child.vue";
// @是src根目录的意思
export default {
  data() {
    return {
      msg: "父组件的data-msg",
    };
  },
  components: {
    child,
    // child:child
  },
  //2.注册子组件
};
</script>
<style lang="scss"></style>
